/* 取消滚动条样式 */
#Delivery::-webkit-scrollbar {
  display: none;
}

#Delivery {
  padding: 0.625rem;
  box-sizing: border-box;
  width: 100%;
  height: 92vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: rgb(4, 30, 55);
  overflow: auto;

  :deep(.el-loading-mask) {
    background-color: rgba(0, 0, 0, 0.8);
  }

  .cont {
    display: flex;
    flex-direction: column;
    align-items: center;

    .cont-left {
      width: 35%;
      height: 83vh;
    }

    .cont-rit {
      width: 63%;
      height: 83vh;
    }

    .title {
      width: 100%;
      color: #fff;
      display: flex;
      align-items: center;
      box-sizing: border-box;
      padding: 0.225rem 0 0.225rem 0.9375rem;
      font-size: 0.95rem;
      background-image: linear-gradient(to right, rgb(14, 109, 186), rgb(3, 69, 131));
    }

    .Modification, .Enquiries, .table, .Progress {
      width: 100%;
      background-color: rgb(4, 55, 93);
      border-radius: 0.3125rem;
      overflow: auto;
      margin-bottom: 0.9375rem;
      box-shadow: 0.125rem 0.125rem 0.0625rem #000;

      .info {
        box-sizing: border-box;
        padding: 0.9375rem;
        width: 100%;

        :deep(.is-guttered) {
          color: #fff;
          font-size: 0.875rem;
          line-height: 1rem;
          box-sizing: border-box;
          padding-bottom: 0.375rem;
        }

        /* 表格行背景颜色 */

        :deep(.el-table tr) {
          background-color: rgb(4, 55, 93);
          color: #fff;
        }

        /* 表格行移入颜色 */

        :deep(.el-table--enable-row-hover .el-table__body tr:hover > td ) {
          background-color: #ff99004a;
        }

        /* 固定列颜色 */

        :deep(td.el-table-fixed-column--right) {
          background-color: rgb(9, 93, 164) !important;
        }

        /* 表格标题颜色 */

        :deep(.el-table th.el-table__cell) {
          background-color: rgb(4, 30, 55);
          font-weight: 700;
        }

        /* 表格样式 */

        :deep(.el-table) {
          background-color: transparent;
          --el-table-border-color: none;
          height: 15.625rem;
        }

        /* 表格行边框颜色 */

        :deep(.el-table td, .el-table th) {
          border: 0.052083rem solid rgb(4, 30, 55) !important;
        }

        /* 设置多行输入框样式 */

        :deep(.el-textarea) {
          margin: 0.78125rem 0;
        }

        :deep(.el-textarea__inner) {
          background-color: rgb(4, 30, 55);
          color: #fff;
          width: 100%;
          height: 2.604167rem;
          text-align: center;
          line-height: 2.604167rem;
        }

        :deep(.el-textarea__inner::-webkit-scrollbar) {
          display: none;
        }

        :deep(.el-checkbox) {
          color: #fff;
        }

        .table-head-botton {
          width: 100%;
          display: flex;

          button {
            outline: none;
            border: 0.052083rem solid rgb(4, 55, 93);
            background-color: rgb(4, 30, 55);
            color: #fff;
            padding: 0.260417rem;
            border-radius: 0.260417rem 0.260417rem 0 0;
            border-bottom: none;
          }
        }
      }
    }

    .Modification {
      /* 表格样式 */

      :deep(.el-table) {
        --el-table-border-color: none;
        height: 11.7rem !important;
      }
    }

    .Enquiries {
      /* 表格样式 */

      :deep(.el-table) {
        --el-table-border-color: none;
        height: 14rem !important;
      }
    }

    .TechnologyInf {
      :deep(.el-table) {
        --el-table-border-color: none;
        height: 30.4rem !important;
      }
    }

    .Scanning {
      :deep(.el-table) {
        --el-table-border-color: none;
        height: 19.3rem !important;
      }
    }
  }

}

.footName {
  overflow: hidden;
  background-color: rgb(4, 30, 55);
  padding: 0 0.78125rem 0 0.78125rem;
  box-sizing: border-box;
  height: 6vh;

  :deep(.is-guttered) {
    color: #fff;
    font-size: 0.875rem;
    line-height: 1rem;
    box-sizing: border-box;
    padding-bottom: 0rem !important;
    padding-top: 1.041667rem;
  }
}

:deep(.el-form-item__label) {
  font-size: 0.75rem;
  color: #fff;
}

:deep(.el-input__wrapper) {
  background-color: rgb(9, 93, 164);
}

:deep(input::placeholder) {
  color: #fff;
}

:deep(.el-input__inner) {
  color: #fff;
}

/* 移入行颜色 */
:deep(.el-table tbody tr:hover > td) {
  background-color: rgba(9, 93, 164, 0.2);
}

/* input disabled 样式 */
:deep(.el-input.is-disabled .el-input__wrapper) {
  background-color: rgb(9, 93, 164);
}

.select-cont {
  :deep(.el-input__wrapper) {
    background-color: rgb(255, 255, 255) !important;
  }

  :deep(.el-input__inner) {
    color: #000;
  }

  .table {
    width: 100%;
    padding: 0.2rem;
    box-sizing: border-box;
    background-color: #fff;
  }

  .tab {
    display: flex;
    padding-left: 0.2rem;
    margin-top: 0.7rem;

    .li {
      width: 6.125rem;
      height: 1.3rem;
      background-color: rgb(235, 236, 239);
      line-height: 1.3rem;
      text-align: center;
      margin: 0.1rem;
      border-radius: 0.3125rem 0.3125rem 0 0;
    }
  }
}

:deep(.el-pagination__total) {
  color: #fff !important;
}

:deep(.el-pagination__jump) {
  color: #fff !important;
}

:deep(.el-input.is-disabled .el-input__inner) {
  -webkit-text-fill-color: #000;
}